<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网站</title>
<link rel="stylesheet" type="text/css" href="task1/css/reset.css"/>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: #FF0000;}
body{
	background-image: url(img/back_img.jpg);
}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 20%; margin-left: 4%; padding-top: 2%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}

#live2dcanvas {
    border: 0 !important;
}

</style>
</head>

<body>
	<h1 class="mytitle">179000934 唐国橼</h1>
	<ul id="dowebok">
		<li>
			<div><a href="task1/index.html"><img data-original="img/tibet-2.jpg" src="img/web1.jpg" alt="网页布局"></a></div>
			<div class="dt"><a href="task1/index.html">作品1：普通网页布局展示</a></div>
		</li>
		<li>
			<div><a href="task2/index.html"><img data-original="img/tibet-2.jpg" src="img/bge.jpg" alt="网页表格"></a></div>
			<div class="dt"><a href="task2/index.html">作品2：网页表格展示</a></div>
		</li>
		<li>
			<div><a href="task3/index.html"><img data-original="img/tibet-2.jpg" src="img/khd3.14.jpg" alt="网页表单"></a></div>
			<div class="dt"><a href="task3/index.html">作品3：网页表单展示</a></div>
		</li>
		<li>
			<div><a href="task4/index.html"><img data-original="img/tibet-2.jpg" src="img/khd_task4.jpg" alt="JavaScript"></a></div>
			<div class="dt"><a href="task4/index.html">作品4：javascript</a></div>
		</li>
		<li>
			<div><a href="task5/index.html"><img data-original="img/tibet-2.jpg" src="./img/khd_task5.JPG" alt="DOM操作"></a></div>
			<div class="dt"><a href="task5/index.html">作品5：DOM操作展示</a></div>
		</li>
		<li>
			<div><a href="task6/index.html"><img data-original="img/tibet-2.jpg" src="./img/khd_task6.JPG" alt="事件操作"></a></div>
			<div class="dt"><a href="task6/index.html">作品6：事件操作展示</a></div>
		</li>
		<li>
			<div><a href="task7/index.html"><img data-original="img/tibet-2.jpg" src="img/khd_task7.JPG" alt="BOM编程"></a></div>
			<div class="dt"><a href="task7/index.html">作品7：BOM编程日历和闹钟展示</a></div>
		</li>
		<li>
			<div><a href="task8/jquery4_task.html"><img data-original="img/tibet-2.jpg" src="img/khd_task8.JPG" alt="jQuery-DOM"></a></div>
			<div class="dt"><a href="task8/jquery4_task.html">作品8：jQuery-DOM展示</a></div>
		</li>
		<li>
			<div><a href="task9/cart_task.html"><img data-original="img/tibet-2.jpg" src="img/khd_task9.JPG" alt="jQuery事件"></a></div>
			<div class="dt"><a href="task9/cart_task.html">作品9：jQuery事件展示</a></div>
		</li>
		<li>
			<div><a href="task10/tab_task.html"><img data-original="img/tibet-2.jpg" src="img/khd5.20_1.JPG" alt="jQuery事件"></a></div>
			<div class="dt"><a href="task10/tab_task.html">作品10：选项卡切换效果展示</a></div>
		</li>
		<li>
			<div><a href="task10/game_task.html"><img data-original="img/tibet-2.jpg" src="img/khd_task10.JPG" alt="jQuery事件"></a></div>
			<div class="dt"><a href="task10/game_task.html">作品11：jQuery动画展示</a></div>
		</li>
        <li>
			<div><a href="task11/index.html"><img data-original="img/tibet-2.jpg" src="img/khd_task11.JPG" alt="AJax"></a></div>
			<div class="dt"><a href="task11/index.html">作品12：Ajax展示</a></div>
		</li>
	<li>
		<div><a href="index2.html"><img data-original="img/tibet-2.jpg" src="img/task_622.JPG" alt="专周实训"></a></div>
		<div class="dt"><a href="index2.html">专周实训展示</a></div>
	</li>
		
	</ul>

</body>
</html>
<script type="text/javascript" charset="utf-8"  src="js/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="js/L2Dwidget.min.js"></script>
<script type="text/javascript">
    L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 100,
        "height": 200,
             "position": "right",
                 "hOffset": 0,
        "vOffset": 0
          }
     });
</script>